<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.编写位置一: 编写在HTML内部(了解) -->
    <!-- <a href="#" onclick="alert('百度一下')"> 百度一下 </a> -->
    <!-- <a href="javascript: alert('百度一下')" > 百度一下 </a> -->

    <!-- 2.编写位置二：编写在script元素之内 -->
    <a class="google" href="#" > google一下 </a>

    <!-- 2.编写位置三：独立的js文件 -->
    <a class="bing" href="#" > bing一下 </a>

    <script>
        var googleAEl = document.querySelector(".google")
        googleAEl.onclick = function() {
            alert("google一下")
        }

    </script>
    <script src="./js/bing.js"></script>
</body>
</html>